<template>
    <div class="plan-bg">
        <div class="plan-main">
            <div class="plan-card">
                <div class="plan-header">
                    <el-button type="primary">新建方案</el-button>
                    <el-input placeholder="输入方案" class="plan-input" />
                    <el-button type="primary">导入</el-button>
                </div>
                <el-table :data="[]" class="plan-table" height="220">
                    <el-table-column prop="name" label="计划名称" />
                    <el-table-column prop="play" label="玩法" />
                    <el-table-column prop="isBet" label="是否开启投注" />
                    <el-table-column prop="isAuto" label="是否开启挂机" />
                    <el-table-column prop="isReal" label="是否真实投注" />
                    <el-table-column prop="start" label="起投点" />
                    <el-table-column prop="end" label="终投点" />
                    <el-table-column label="操作" />
                </el-table>
            </div>
        </div>
    </div>
</template>

<script setup>
// 这里可根据后续需求添加逻辑
</script>

<style scoped lang="scss">
@use "@/assets/global.scss" as *;

// 背景
.plan-bg {
    display: flex;
    flex-direction: row;
    width: 100vw;
    align-items: stretch;
}

.plan-main {
    width: 100%;
    margin: 0 auto;
    padding: 24px 0;

}

.plan-card {
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    min-height: 95%;
}

.plan-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.plan-input {
    width: 220px;
}

.plan-table {
    width: 100%;
}

.plan-footer {
    text-align: center;
    color: #666;
    margin-top: 32px;
}

.plan-float-btns {
    position: fixed;
    right: 32px;
    bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    z-index: 10;
}

.plan-float-btn {
    width: 48px;
    height: 48px;
    padding: 0;
}
</style>